<!doctype html>
<html lang="ch">

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>天津大学图书馆2</title>
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/myInformationConfig.js"></script>
        <script src="js/borrowRecords.js"></script>
        <script src="js/searchBookAndShow.js"></script>
        <script src="js/jquery.dataTables.min.js"></script>


        <script>
            $(function() {
                $(".userInformation").click();
                if(location.href.indexOf("lzllcylzmlhahaha")!=-1){
                    $(".meun-item.scho").click();
                }
                $(".meun-item").click(function() {
                    $(".meun-item").removeClass("meun-item-active");
                    $(this).addClass("meun-item-active");
                    var itmeObj = $(".meun-item").find("img");
                    itmeObj.each(function() {
                        var items = $(this).attr("src");
                        items = items.replace("_grey.png", ".png");
                        items = items.replace(".png", "_grey.png")
                        $(this).attr("src", items);
                    });
                    var attrObj = $(this).find("img").attr("src");
                    ;
                    attrObj = attrObj.replace("_grey.png", ".png");
                    $(this).find("img").attr("src", attrObj);
                });
                $("#topAD").click(function() {
                    $("#topA").toggleClass(" glyphicon-triangle-right");
                    $("#topA").toggleClass(" glyphicon-triangle-bottom");
                });
                $("#topBD").click(function() {
                    $("#topB").toggleClass(" glyphicon-triangle-right");
                    $("#topB").toggleClass(" glyphicon-triangle-bottom");
                });
                $("#topCD").click(function() {
                    $("#topC").toggleClass(" glyphicon-triangle-right");
                    $("#topC").toggleClass(" glyphicon-triangle-bottom");
                });
                $(".toggle-btn").click(function() {
                    $("#leftMeun").toggleClass("show");
                    $("#rightContent").toggleClass("pd0px");
                })
            })
        </script>
        <!--[if lt IE 9]>
        <script src="js/html5shiv.min.js"></script>
        <script src="js/respond.min.js"></script>
        <![endif]-->
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="css/common.css" />
        <link rel="stylesheet" type="text/css" href="css/slide.css" />
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
        <link rel="stylesheet" type="text/css" href="css/flat-ui.min.css" />
        <link rel="stylesheet" type="text/css" href="css/jquery.nouislider.css">
        <link rel="stylesheet" type="text/css" href="dataTableCss/jquery.dataTables.min.css"/>
        <link rel="stylesheet" type="text/css" href="dataTableCss/dataTables.bootstrap.css"/>
        <link rel="stylesheet" type="text/css" href="dataTableCss/dataTables.responsive.css"/>
        <link rel="stylesheet" href="css/moco.min.css" type="text/css" />
        <link rel="stylesheet" href="css/base.css" type="text/css" />
        <link rel="stylesheet" href="css/profile-less.css" type="text/css" />

    </head>

    <body onLoad="leftConfig();">
        <div id="wrap">
            <!-- 左侧菜单栏目块 -->
            <div class="leftMeun" id="leftMeun">
                <div class="tips">
                    <div id="success" class="tips_success"><p class="tips_word">操作成功</p></div>
                    <div id="fail" class="tips_fail"><p class="tips_word">操作失败，请重新尝试或重新登录</p></div>

                </div>
                <div id="logoDiv">
                    <p id="logoP"><img id="logo" alt="左右结构项目" src="images/logo.png"><span>天津大学图书馆</span></p>
                </div>
                <div id="personInfor" style="font-size: medium">
                    <p id = "leftUserName" style="font-size: large ; left: 20px;"></p>
                        <a onclick="logOut()" style="font-size: large ; left: 20px;">退出登录</a>

                </div>
                <div class="meun-title">账号管理</div>
                <div class="meun-item userInformation" href="#user" aria-controls="user" role="tab" data-toggle="tab" onclick="userInformation()"><img src="images/icon_user_grey.png">个人信息</div>
                <div class="meun-item" href="#stud" aria-controls="stud" role="tab" data-toggle="tab" onclick="borrowRecords()"><img src="images/icon_card_grey.png" >借阅记录</div>
                <div class="meun-item" href="#chan" aria-controls="chan" role="tab" data-toggle="tab"><img src="images/icon_change_grey.png">修改密码</div>
                <div class="meun-title">图书借阅</div>
                <div class="meun-item" onclick="goToSearch()" aria-controls="scho" role="tab" data-toggle="tab"><img src="images/icon_card_grey.png">图书借阅</div>
                <div class="meun-item scho" href="#scho" aria-controls="scho" role="tab" data-toggle="tab" onclick="searchBook()"><img src="images/icon_rule_grey.png">搜索结果</div>
            </div>
            <!-- 右侧具体内容栏目 -->
            <div id="rightContent">
                <a class="toggle-btn" id="nimei">
                    <i class="glyphicon glyphicon-align-justify"></i>
                </a>
                <!-- Tab panes -->
                <div class="tab-content">

                    <!-- 个人信息模块-->
                    <div role="tabpanel" class="tab-pane" id="user">
                        <div class="check-divUser form-inline" style="background: url(../login/form-1/assets/img/backgrounds/3.jpg);"></div>

                        <div id="main">

                            <div class="page-settings" style="margin-top: 65px">
                                <!--<div class="top">-->
                                <!--</div>-->

                                <div class="setting pb10" style="height: 700px; width: 800px">
                                    <div class="nav-tabs pa">
                                        <div class="cb"></div>
                                    </div>
                                    <div class="contentBox" >
                                        <div class="formBox" style="margin-right: 230px">
                                            <div id="setting-profile" class="setting-wrap setting-profile" >

                                                <div class="wlfg-wrap clearfix ">
                                                    <label class="label-name">头像：</label>
                                                    <div class="rlf-group">
                                                        <img class="fl avator-img" id="js-portrait" src="http://img.mukewang.com/58492fe600012e8e01800180-200-200.jpg"  width="215" height="180">
                                                        <div class="cb"></div>
                                                        <p class="rlf-tip-wrap errorHint color-red" ></p>
                                                    </div>
                                                </div>
                                                <div class="wlfg-wrap clearfix">
                                                    <label class="label-name" >昵称：</label>
                                                    <div class="rlf-group">
                                                        <input disabled="disabled" type="text" id="selfUserName"  autocomplete="off"  data-validate="require-nick"  class="moco-form-control" />
                                                        <p class="rlf-tip-wrap errorHint color-red" ></p>
                                                    </div>
                                                </div>

                                                <div class="wlfg-wrap clearfix">
                                                    <label class="label-name">职位：</label>
                                                    <div class="rlf-group">
                                                        <select class="moco-form-control rlf-select" disabled="disabled"  id="job" data-validate="require-select">
                                                            <option>学生</option>
                                                        </select>
                                                        <p class="rlf-tip-wrap errorHint color-red"></p>
                                                    </div>
                                                </div>

                                                <div class="wlfg-wrap clearfix">
                                                    <label class="label-name" for="province-select">城市：</label>
                                                    <div class="rlf-group profile-address">
                                                        <select id="province-select" disabled="disabled" class='moco-form-control' hidefocus="true">
                                                            <option value="0">天津市</option>
                                                        </select>
                                                        <select class='moco-form-control'disabled="disabled" id="city-select" hidefocus="true">
                                                            <option value="0">津南区</option>
                                                        </select>
                                                        <select class='moco-form-control mr0'disabled="disabled"  id="area-select" hidefocus="true">
                                                            <option value="0">海河教育园区</option>
                                                        </select>
                                                        <div class="cb"></div>
                                                        <p class="rlf-tip-wrap errorHint color-red"></p>
                                                    </div>
                                                </div>

                                                <div class="wlfg-wrap clearfix">
                                                    <label class="label-name h16 lh16" >性别：</label>
                                                    <div class="rlf-group rlf-radio-group">
                                                        <!--<label  class="lh16"><input type="radio"  value="0"  disabled="disabled" name="sex">保密</label>-->
                                                        <!--<label  class="lh16"><input type="radio"  value="1"  name="sex">男</label>-->
                                                        <label  class="lh16"><input type="radio" disabled="disabled" value="2" checked="checked" name="sex">女</label>
                                                        <p class="rlf-tip-wrap errorHint color-red"></p>
                                                    </div>
                                                </div>
                                                <div class="wlfg-wrap clearfix">
                                                    <label class="label-name" for="aboutme">个性签名：</label>
                                                    <div class="rlf-group">
                                                        <div class="pr">
                                        <textarea name="aboutme"  id="aboutme" disabled="disabled" rows="5" class="noresize js-sign moco-form-control">                           今天也要加油鸭！
                                        </textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>

                        </div>
                        <!--<div class="data-div">-->
                        <!--<div style="padding: 50px 0;margin-top: 50px;background-color: #fff; text-align: center; width: 500px; height: 400px; margin: 50px auto;">-->
                        <!--<div class="form-horizontal">-->
                        <!--<div class="form-group">-->
                        <!--<label  class="col-xs-5 control-label" style="font-size: x-large">身份证号 ：</label>-->
                        <!--<div class="col-xs-5">-->
                        <!--<p id="selfID" class="input-sm duiqi1" style="margin-top: 10px;font-size: large;">ddd</p>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--<div class="form-group">-->
                        <!--<label class="col-xs-5 control-label" style="font-size: x-large">真实姓名 ：</label>-->
                        <!--<div class="col-xs-5">-->
                        <!--<p id="selfRealName" class=" input-sm duiqi1"  style="margin-top: 10px;font-size: large;">dadsasd</p>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--<div class="form-group">-->
                        <!--<label class="col-xs-5 control-label" style="font-size: x-large">手机号 ：</label>-->
                        <!--<div class="col-xs-5">-->
                        <!--<p id="selfPhoneNumber"  class=" input-sm duiqi1" style="margin-top: 10px;font-size: large;">dasdasd</p>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--<div class="form-group">-->
                        <!--<label class="col-xs-5 control-label" style="font-size: x-large">用户名 ：</label>-->
                        <!--<div class="col-xs-5">-->
                        <!--<p id="selfUserName"  class=" input-sm duiqi1" style="margin-top: 10px;font-size: large;">dasdasda</p>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--</div>-->

                    </div>

                    <!--借阅记录模块模块-->
                    <div role="tabpanel" class="tab-pane" id="stud">
                        <div class="check-div form-inline" style="background: url(../login/form-1/assets/img/backgrounds/3.jpg);"></div>

                        <div class="row">
                            <div class="col-lg-12">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        查询结果
                                    </div>
                                    <!-- /.panel-heading -->
                                    <div class="panel-body">
                                        <div id="dataTables-example_wrapper4" class="dataTables_wrapper form-inline dt-bootstrapno-footer ">
                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <table width="100%" class="table table-striped table-bordered table-hover dataTable no-footer dtr-inline" id="borrow_record" role="grid" aria-describedby="dataTables-example_info" style="width: 100%;">
                                                        <thead>
                                                        <tr>
                                                            <th>书名</th>
                                                            <th>作者</th>
                                                            <th>出版社</th>
                                                            <th>借书日期</th>
                                                            <th>归书期限</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>

                                                        </tbody>
                                                    </table>
                                                </div></div>
                                        </div>
                                    </div>
                                    <!-- /.table-responsive -->
                                </div>
                                <!-- /.panel-body -->
                            </div>
                            <!-- /.panel -->
                        </div>


                        <!--页码块-->
                        <footer class="footer">
                            <ul class="pagination user">
                                <table width="55%" align="right">
                                    <tr><td><div id="barcon" name="barcon"></div></td></tr>
                                </table>
                            </ul>
                        </footer>



                    </div>
                    <!-- 修改密码模块 -->
                    <div role="tabpanel" class="tab-pane" id="chan">
                <div class="check-div form-inline" style="background: url(../login/form-1/assets/img/backgrounds/3.jpg);"></div>
                <div style="padding: 50px 0;margin-top: 50px;background-color: #fff; text-align: right;width: 420px;margin: 50px auto;">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label for="sKnot" class="col-xs-4 control-label">原密码：</label>
                            <div class="col-xs-5">
                                <input type="" class="form-control input-sm duiqi" id="sKnot" placeholder="" style="margin-top: 7px;">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="sKnot" class="col-xs-4 control-label">新密码：</label>
                            <div class="col-xs-5">
                                <input type="" class="form-control input-sm duiqi" id="sKnot" placeholder="" style="margin-top: 7px;">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="sKnot" class="col-xs-4 control-label">重复密码：</label>
                            <div class="col-xs-5">
                                <input type="" class="form-control input-sm duiqi" id="sKnot" placeholder="" style="margin-top: 7px;">
                            </div>
                        </div>
                        <div class="form-group text-right">
                            <div class="col-xs-offset-4 col-xs-5" style="margin-left: 169px;">
                                <button type="reset" class="btn btn-xs btn-white">取 消</button>
                                <button type="submit" class="btn btn-xs btn-green">保存</button>
                            </div>
                        </div>
                    </form>
                </div>

            </div>
                    <!-- 搜索结果模块-->
                    <div role="tabpanel" class="tab-pane" id="scho">

                        <div class="check-div form-inline" style="background: url(../login/form-1/assets/img/backgrounds/3.jpg);"></div>
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        查询结果
                                    </div>
                                    <!-- /.panel-heading -->
                                    <div class="panel-body">
                                        <div id="dataTables-example_wrapper2" class="dataTables_wrapper form-inline dt-bootstrapno-footer ">
                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <table width="100%" class="table table-striped table-bordered table-hover dataTable no-footer dtr-inline" id="list_ma" role="grid" aria-describedby="dataTables-example_info" style="width: 100%;">
                                                        <thead>
                                                        <tr>
                                                            <th>图书编号</th>
                                                            <th>书名</th>
                                                            <th>作者</th>
                                                            <th>出版社</th>
                                                            <th>总量</th>
                                                            <th>余量</th>
                                                            <th>价格</th>
                                                            <th>操作</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>

                                                        </tbody>
                                                    </table>
                                                </div></div>
                                        </div>
                                    </div>
                                    <!-- /.table-responsive -->
                                </div>
                                <!-- /.panel-body -->
                            </div>
                            <!-- /.panel -->
                        </div>


                        </div>


        </div>
    </div>
</div>
<script src="js/jquery.nouislider.js"></script>


</body>

</html>